        <?php include("header.php");?>
        <link rel="stylesheet/less" href="<?php echo ASTRA_THEME_URI; ?>css/partner.less">
        <?php include("nav.php");?>
			<div class="partner-type warp flex">
				<div class="list" :class="['list',type_index == 0 ? 'list-active' : '']" @mouseover="type_index = 0">产品技术合作</div>
				<div class="list" :class="['list',type_index == 1 ? 'list-active' : '']" @mouseover="type_index = 1">城市伙伴加盟</div>
			</div>
			<div class="partner-cont warp">
				<div class="title">{{type_index == 0 ? '产品技术合作' :'城市伙伴加盟'}}</div>
				<div class="tips" v-if="type_index == 0">为合作伙伴提供技术、方案、培训、优先体验、推广支持等全方位的支持，与伙伴一同定义AI的应用价值</div>
				<div class="tips" v-if="type_index == 1">愿与志同道合城市伙伴一起构建合作共赢渠道生态体系，提供全方位的专业技术及区域资源支持，一起开拓人工智能蓝海市场，创造更多价值</div>
				<div class="cont-list" v-if="type_index == 0">
					<div class="list" v-for="(item,index) in par_list" :key="index">
						<img :src="'<?php echo ASTRA_THEME_URI; ?>img/pic/hz_'+(index + 1)+'.svg'"/>
						<div class="name">{{item.title}}</div>
						<span></span>
						<p>{{item.tips}}</p>
					</div>
				</div>
				<div class="cont-list" v-if="type_index == 1">
					<div class="list" v-for="(item,index) in par_list2" :key="index">
						<img :src="'<?php echo ASTRA_THEME_URI; ?>img/pic/jm_'+(index + 1)+'.svg'"/>
						<div class="name">{{item.title}}</div>
						<span></span>
						<p>{{item.tips}}</p>
					</div>
				</div>
			</div>
			<div class="flow">
				<div class="flow-title">合作流程</div>
				<div class="warp flex">
					<div class="list" v-for="(item,index) in flow_list" :key="index">
						<div class="num">0{{index + 1}}</div>
						<div class="dot">
							<div class="dot-div"></div>
						</div>
						<div class="text-box">
							<img :src="'<?php echo ASTRA_THEME_URI; ?>img/pic/par_lc_'+(index + 1)+'.png'"/>
							<p>{{item}}</p>
						</div>
					</div>
				</div>
			</div>
			<div class="cooperate">
				<div class="coop-warp">
					<div class="title">产品技术合作申请表单</div>
					<div class="tips">
						申请条件<br>
						1.具备国家承认的法人资格，能独立承担相关的民事法律责任<br>
						2.了解图像识别的运用场景，具备项目落地实施的销售及技术能力<br>
						3.遵守极视角的相关渠道章程，认同公司的产品价值和文化理念，愿意与公司长期合作，共同发展
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit"><span>*</span>公司名称</div>
							<input placeholder="公司注册名称全称"/>
						</div>
						<div class="item">
							<div class="tit"><span>*</span>公司网址</div>
							<input placeholder="公司网址"/>
						</div>
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit"><span>*</span>所在城市</div>
							<input placeholder="所在省份及城市"/>
						</div>
						<div class="item">
							<div class="tit"><span>*</span>联系人</div>
							<input placeholder="联系人姓名"/>
						</div>
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit"><span>*</span>联系方式</div>
							<input placeholder="手机号码"/>
						</div>
						<div class="item">
							<div class="tit"><span>*</span>邮箱地址</div>
							<input placeholder="输入邮箱"/>
						</div>
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit"><span>*</span>意向合作领域</div>
							<input placeholder="意向在哪些技术领域进行合作"/>
						</div>
						<div class="item">
							<div class="tit"><span>*</span>意向合作算法</div>
							<input placeholder="如安全帽识别,火焰识别,人员闯入识别,客流统计等"/>
						</div>
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit">公司介绍</div>
							<input placeholder="公司主营业务介绍"/>
						</div>
					</div>
					<div class="form-div">
						<div class="item">
							<div class="tit">备注说明</div>
							<textarea placeholder="额外补充"></textarea>
						</div>
					</div>
					<div class="buttom-t">提交信息</div>
				</div>
			</div>
			
			<?php include("footer.php");?>
		<script>
			new Vue({
				el: '#app',
				data: function() {
					return {
						type_index:0,
						par_list:[
							{title:'技术支持',tips:'根据不同合作形式，提供多方面技术支持及服务，如售前咨询、方案优化、技术文档、POC项目、产品融合、底层技术对接等'},
							{title:'方案融洽',tips:'授权伙伴使用极视角LOGO、标准解决方案、算法演示视频/图片等素材，协助伙伴进行方案整合'},
							{title:'培训支持',tips:'定期为合作伙伴的产品、技术、商务或项目人员提供多种线上培训，深度合作伙伴将享有现场培训或内部培训资格，帮助伙伴在AI领域快速实现业务增长'},
							{title:'客户备案',tips:'合作伙伴客户备案机制，为伙伴的客户渠道提供多重保障'},
							{title:'优先体验',tips:'合作伙伴将享有新算法及产品功能体验优先权，部分产品享有优先内测权利'},
							{title:'推广支持',tips:'与合作伙伴共同打造案例，在线上、线下多种渠道实现推广'},
							{title:'AI千星计划',tips:'优先参与AI千星计划——精选1000种算法免费开发，推动AI全场景落地'}
						],
						par_list2:[
							{title:'技术支持',tips:'提供多方面技术支持及服务，如售前咨询、方案优化、技术文档、POC项目等'},
							{title:'培训支持',tips:'定期为城市伙伴的产品、技术、商务或项目人员提供多种线上培训，深度合作伙伴将享有现场培训或内部培训资格，帮助伙伴在AI领域快速实现业务增长'},
							{title:'客户备案',tips:'城市伙伴客户备案机制，为伙伴的客户渠道提供多重保障'},
							{title:'优先体验',tips:'城市伙伴将享有新算法及产品功能体验优先权，部分产品享有优先内测权利'},
							{title:'客户陪访',tips:'针对重要客户重点支持与陪访，专家协助现场支持产品方案讲解，帮助伙伴赢得项目'},
							{title:'商机共享',tips:'为城市伙伴优先引荐极视角相关行业客户或项目机会，实现与合作伙伴商机共享、携手共赢'},
							{title:'城市伙伴等级',tips:'金牌伙伴--S类城市伙伴（每个地级市只有一名）、银牌伙伴—A类城市伙伴、铜牌伙伴—B类城市伙伴'}
						],
						flow_list:['提交合作意向表','确定合作关系','成为签约合作伙伴']
					}
				},
				created() {

				},
				mounted() {
					
				},
				methods: {
					
				}
			})
		</script>
	</body>
</html>